{{-- 继承布局模板 --}}
@extends( 'version-2017.layouts.main-layout' )


{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" type="text/css" href="{{ asset('version-2017/css/production.css') }}">
@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>广州便雅悯视光网络科技公司-PAD开店宝</title>
@endsection


@section('content')
    <section class="banner pad">

    </section>


    <!-- 页面导航 -->
    <section class="navigation pad">
        <ul class="navigation-list bym-not-list bym-wrapper clearfix">
            <li class="navigation-list-item">
                <a href="#introduction">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-introduction.png" alt="">
                    </i>
                    <p class="item-name">产品介绍</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#function">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-function.png" alt="">
                    </i>
                    <p class="item-name">产品功能</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#advantage">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-advantage.png" alt="">
                    </i>
                    <p class="item-name">核心优势</p>
                </a>
            </li>
            <li class="navigation-list-item">
                <a href="#partner">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-common/icon-navigation-case.png" alt="">
                    </i>
                    <p class="item-name">客户案例</p>
                </a>
            </li>
        </ul>
    </section>

    <!-- 产品介绍 -->
    <section class="introduction pad" id="introduction">
        <div class="bym-wrapper">
            <div class="introduction-header">
                产品介绍
            </div>
            <div class="introduction-title">
                满天星开店宝
            </div>
            <p class="introduction-desc">
                满天星开店宝是眼镜实体店商家和开店创业人士的“开店神器”，它完全打破传统眼镜门店的运营模式，为眼镜门店开启新形象。主要包含脸型识别、虚拟试戴、虚拟仓库等系列功能。
            </p>
            <div class="introduction-picture">
                <img src="" alt="">
            </div>

        </div>
    </section>
    <!-- 产品介绍 end -->


    <!-- 功能 -->
    <section class="function" id="function" id="function">
        <div class="function-header">
            产品功能
        </div>

        <!-- Swiper -->
        <div class="function-content">
            <div class="swiper-container" id="function_swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">01/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_01.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">脸型识别</h4>
                                <p class="item-text-summary">拍照来实现快速识别脸型</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">01/07</h4>
                                <h6 class="item-text-en">FACE RECOGNITION</h6>
                                <h5 class="slide-cotnent-title">脸型识别</h5>
                                <p class="slide-cotnent-desc">
                                    通过拍照快速匹配脸型，推荐适合的眼镜款式，帮助消费者进行眼镜选型，大大缩短购物时间，提高选镜效率。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">02/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_02.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">虚拟试戴</h4>
                                <p class="item-text-summary">3D试戴、2D试戴、一键试戴</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">02/07</h4>
                                <h6 class="item-text-en">VIRTUAL TRY-ON</h6>
                                <h5 class="slide-cotnent-title">虚拟试戴</h5>
                                <p class="slide-cotnent-desc">
                                    3D试戴：通过摄像头捕捉实现真人动态试戴；
                                    2D试戴：通过拍照实现静态平面贴图试戴；
                                    一键试戴：一秒钟内完成所有眼镜的试戴。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">03/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_03.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">试戴对比</h4>
                                <p class="item-text-summary">多副眼镜同时试戴进行对比</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">03/07</h4>
                                <h6 class="item-text-en">TRY MANY  </h6>
                                <h5 class="slide-cotnent-title">试戴对比</h5>
                                <p class="slide-cotnent-desc">
                                    多副眼镜同时试戴进行对比，消费者可以查看不同款型、颜色、风格眼镜的不同试戴效果，方便挑选最适合的款型，做出最佳购买选择。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">04/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_04.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">虚拟货架</h4>
                                <p class="item-text-summary">将实物眼镜转化为虚拟模型</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">04/07</h4>
                                <h6 class="item-text-en">VIRTUAL SHELF</h6>
                                <h5 class="slide-cotnent-title">虚拟货架</h5>
                                <p class="slide-cotnent-desc">
                                    通过3D建模，将实物眼镜转化为虚拟模型进行展示，节省货柜制作成本和店面空间，降低租金成本。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">05/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_05.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">虚拟仓库</h4>
                                <p class="item-text-summary">为商家搭建眼镜平台</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">05/07</h4>
                                <h6 class="item-text-en">VIRTUAL REPOSITORY</h6>
                                <h5 class="slide-cotnent-title">虚拟仓库</h5>
                                <p class="slide-cotnent-desc">
                                    通过整合眼镜生产商资源，为商家搭建眼镜零售大平台，渠道商、零售商可按需提货，消费者可通过开店宝系统选择更丰富的眼镜款型。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">06/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_06.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">支付功能</h4>
                                <p class="item-text-summary">微信、支付宝扫码支付</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">06/07</h4>
                                <h6 class="item-text-en">PAYMENT </h6>
                                <h5 class="slide-cotnent-title">支付功能</h5>
                                <p class="slide-cotnent-desc">
                                    消费者通过微信、支付宝、快捷支付平台进行扫码，即可快速完成支付，方便快捷，促进商品快速成交。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                    <div class="swiper-slide">
                        <!-- 滑块内部 -->
                        <div class="function-content-item">
                            <h4 class="item-number">07/07</h4>
                            <div class="item-picture">
                                <img src="https://bym-website.gz.bcebos.com/assets/production-pad/function_conntent_07.jpg" alt="">
                            </div>
                            <div class="item-text">
                                <h4 class="item-text-name">后台管理</h4>
                                <p class="item-text-summary">后台管理订单、数据及分析</p>
                                <!-- 隐藏部分 -->
                                <h4 class="item-text-number">07/07</h4>
                                <h6 class="item-text-en">BACKGROUND MANAGEMENT</h6>
                                <h5 class="slide-cotnent-title">后台管理</h5>
                                <p class="slide-cotnent-desc">
                                    帮助商家完成库存、订单等营销数据的管理与分析，优化库存，实时跟踪门店销售情况。
                                </p>
                            </div>
                        </div>
                        <!-- 滑块内部 end -->
                    </div>
                </div>
            </div>
            <div class="swiper-button-next" id="function_next"></div>
            <div class="swiper-button-prev" id="function_prev"></div>
        </div>
    </section>
    <!-- 功能 END -->


    <!-- 产品优势 -->
    <section class="advantage pad" id="advantage">

        <div class="bym-wrapper">
            <div class="advantage-header">
                产品优势
            </div>

            <ul class="advantage-list bym-not-list clearfix">
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/icon_03.jpg" title="" />
                    </i>
                    <h4 class="item-title">提升用户体验</h4>
                    <p class="item-desc">无需一副副手动试戴，以虚拟试戴技术帮助消费者快速选型选款，让顾客省事省心省力。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/icon_04.jpg" title="" />
                    </i>
                    <h4 class="item-title">增加产品销量</h4>
                    <p class="item-desc">提供数千款眼镜的在线虚拟试戴，总有一款适合你，店家从此不再担心客人的流失。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/icon_01.jpg" title="" />
                    </i>
                    <h4 class="item-title">降低开店成本</h4>
                    <p class="item-desc">实体店所有眼镜全部装在PAD内展示，帮助商家有效减少货架成本。虚拟仓库让商家不用进货也能卖货。</p>
                </li>
                <li class="advantage-list-item">
                    <i class="item-icon">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/icon_02.jpg" title="" />
                    </i>
                    <h4 class="item-title">打造品牌效应</h4>
                    <p class="item-desc">同等资金投入，满天星开店宝让商家可以铺设更多数量店铺，形成强大的品牌效应。</p>
                </li>
            </ul>
        </div>

    </section>
    <!-- 产品优势 end-->



    <!-- 合作伙伴 -->
    <section class="partner" id="partner">

        <div class="bym-wrapper">
            <div class="partner-header">
                合作伙伴
            </div>

            <ul class="partner-list">
                <li class="partner-list-item">
                    <div class="item-picture">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/ad_01.jpg" alt="">
                    </div>
                    <p class="item-name">深圳时尚E城</p>
                </li>
                <li class="partner-list-item">
                    <div class="item-picture">
                        <img src="https://bym-website.gz.bcebos.com/assets/production-pad/ad_02.jpg" alt="">
                    </div>
                    <p class="item-name">河源精明眼镜</p>
                </li>
            </ul>
        </div>
    </section>
    <!-- 合作伙伴 END -->
@endsection

@section('script')
    <script type="text/javascript" src="{{asset('version-2017/js/production.js')}}"></script>
@endsection